<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PHP程序员博客|高蒙个人博客</title>
    <meta name="Keywords" content="个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客"/>
    <meta name="Description" content="高蒙个人博客是以PHP技术为主的程序员个人博客。博客主要发布博主在开发中遇到的PHP/Linux/jQuery/Js/Mysql/Html/css/ios/android等相关知识,同时博客程序也是以PHP语言开发，使用流行的LNMP架构，让个人博客程序方便自由伸缩系统。"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./addons/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./css/blog-v.2.0-layout.css" media="all">
    <link rel="stylesheet" href="./css/blog-v.2.0-core.css" media="all">
</head>
<body style="background: #f6f6f6;">
<div class="gm-fluid gm-bg-393D49 gm-height-60">
    <div class="container">
        <div class="row">
            <div class="col-md-12 gm-padding-left-right-0">
                <div class="col-md-9 gm-padding-left-right-0">
                    <ul class="layui-nav">
                        <li class="layui-nav-item layui-this"><a href="/index.html">高蒙博客</a></li>
                        <li class="layui-nav-item"><a href="/Article/cate/id/1.html" target="_blank">PHP笔记</a>
                            <dl class="layui-nav-child">
                                <dd><a href="/Article/cate/id/2.html" target="_blank">PHP框架</a></dd>
                                <dd><a href="/Article/cate/id/5.html" target="_blank">|--CodeIgniter</a></dd>
                                <dd><a href="/Article/cate/id/6.html" target="_blank">|--zend framework</a></dd>
                                <dd><a href="/Article/cate/id/7.html" target="_blank">|--Yii2</a></dd>
                                <dd><a href="/Article/cate/id/8.html" target="_blank">|--Thinkphp</a></dd>
                                <dd><a href="/Article/cate/id/3.html" target="_blank">CMS系统</a></dd>
                                <dd><a href="/Article/cate/id/9.html" target="_blank">|--DedeCMS</a></dd>
                                <dd><a href="/Article/cate/id/10.html" target="_blank">|--EmpireCMS</a></dd>
                                <dd><a href="/Article/cate/id/11.html" target="_blank">|--EcshopCMS</a></dd>
                                <dd><a href="/Article/cate/id/12.html" target="_blank">|--DestoonCMS</a></dd>
                                <dd><a href="/Article/cate/id/13.html" target="_blank">|--DiscuzCMS</a></dd>
                                <dd><a href="/Article/cate/id/4.html" target="_blank">PHP技术</a></dd>
                                <dd><a href="/Article/cate/id/17.html" target="_blank">|--Redis</a></dd>
                                <dd><a href="/Article/cate/id/18.html" target="_blank">|--Memcached</a></dd>
                                <dd><a href="/Article/cate/id/22.html" target="_blank">|--PHP</a></dd>
                                <dd><a href="/Article/cate/id/19.html" target="_blank">PHP工具</a></dd>
                                <dd><a href="/Article/cate/id/20.html" target="_blank">|--Phpstorm</a></dd>
                                <dd><a href="/Article/cate/id/21.html" target="_blank">数据采集</a></dd>
                                <dd><a href="/Article/cate/id/30.html" target="_blank">|--火车头采集器</a></dd>
                                <dd><a href="/Article/cate/id/26.html" target="_blank">其他知识</a></dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item"><a href="/Article/cate/id/14.html" target="_blank">前端技术</a>
                            <dl class="layui-nav-child">
                                <dd><a href="/Article/cate/id/15.html" target="_blank">jQuery/js</a></dd>
                                <dd><a href="/Article/cate/id/16.html" target="_blank">Html/Css</a></dd>
                                <dd><a href="/Article/cate/id/29.html" target="_blank">Bootstrap</a></dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item"><a href="/Article/cate/id/23.html" target="_blank">服务器</a>
                            <dl class="layui-nav-child">
                                <dd><a href="/Article/cate/id/24.html" target="_blank">Linux</a></dd>
                                <dd><a href="/Article/cate/id/25.html" target="_blank">Nginx</a></dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item"><a href="/Article/cate/id/27.html" target="_blank">数据库</a>
                            <dl class="layui-nav-child">
                                <dd><a href="/Article/cate/id/28.html" target="_blank">Mysql</a></dd>
                                <dd><a href="/Article/cate/id/35.html" target="_blank">SQL SERVER</a></dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item"><a href="/Article/cate/id/32.html" target="_blank">闲言碎语</a>
                            <dl class="layui-nav-child"></dl>
                        </li>
                        <li class="layui-nav-item"><a href="javascript:;">工具手册</a>
                            <dl class="layui-nav-child">
                                <dd><a href="/Tools/index.html" target="_blank">在线工具</a></dd>
                                <dd><a href="/Jquery.html" target="_blank">JQuery在线手册</a></dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item"><a href="/Link/index.html">友情链接</a></li>
                        <li class="layui-nav-item"><a href="/Article/message.html">联系博主</a></li>
                    </ul>
                </div>
                <div class="col-md-3 gm-padding-left-right-0 gm-padding-top-10">
                    <form class="layui-form index_form" action="/Article/soso.html">
                        <div class="layui-form-item gm-margin-bottom-0">
                            <div class="layui-input-inline"><input type="text" name="keyword" lay-verify="required" placeholder="搜一搜 才知道..." autocomplete="off" class="layui-input"></div>
                            <div class="layui-input-inline" style="width: auto">
                                <button class="layui-btn" lay-submit="" lay-filter="so">搜索</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div><!--导航结束-->
<div class="gm-fluid gm-overflow">
    <div class="container">
        <div class="row">
            <div class="col-md-12 gm-padding-left-right-0">
                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                    <legend>最新公告</legend>
                </fieldset>
                <div class="layui-collapse" lay-filter="gonggao">
                    <div class="layui-colla-item" style="background: #fff;"><h2 class="layui-colla-title" style="background: #fff;">网站首页模板更新!</h2>
                        <div class="layui-colla-content"><p>本次换模板的原因有二：<br/>
                            一、偶然间，打开百度统计，查看网页来源，不经让我有点诧异。居然发现有很多不是我网站的统计的结果。仔细打开来源的网址，发现使用的是我的博客模板，单纯的使用这倒无所谓。
                            另我气愤的是，居然都是一些不良信息的网站信息。简单的查询了对方的网站程序，发现是帝国cms防的。在抓取模板的时候，连百度统计代码都一起抓进去。我也是服了。
                            鉴于以上情况，所以决定抽个周末的时间，将原来的网站模板替换掉。<br/>
                            二、准备熟悉下layerui的前端框架，结合之前的bootstrap，一起熟悉研究下。<br/>
                            ——来自博主@高蒙 2017/04/16</p></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><!--最新公告-->
<div class="gm-fluid gm-margin-top-10">
    <div class="container">
        <div class="row">
            <div class="col-md-12 gm-padding-left-right-0">
                <div class="col-md-9 gm-padding-left-right-0">
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0">
                            <div class="col-md-4 gm-padding-left-right-0"><a href="/Article/info/id/623.html" target="_blank"><img data-original="/Uploads/20161214/585104cc96f20.jpg" src="./images/no_pic.gif" class="img-responsive lazy" title="jQuery筛选过滤插件-Filterizr.js" alt="jQuery筛选过滤插件-Filterizr.js"></a></div>
                            <div class="col-md-8 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/623.html" target="_blank" class="site-text-underline">jQuery筛选过滤插件-Filterizr.js</a></h1>
                                <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/37.html">jQuery插件</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>295 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                    <a href="/Article/soso/keyword/jQuery插件.html">jQuery插件</a>&nbsp;<a href="/Article/soso/keyword/Filterizr.js.html">Filterizr.js</a>&nbsp; <i class="layui-icon">&#xe60e;</i>4个月前 </p>
                                <p class="gm-margin-top-10 site-text-indent">
                                    简介Filterizr 是一款基于 jQuery 的筛选过滤插件，它提供了多重筛选过滤方式，能够满足你的不同需求。并且使用了 CSS3 过滤效果，使用户体验更优秀。浏览器兼容IE10+EdgeChromeFirefoxOperaSafari使用方法1、引入文件&lt;link&nbsp;rel=&quot;stylesheet&quot;&nbsp;href=&quot;css/jkresponsivegallery.css&quot;&gt;
                                    &lt;script&nbsp;src=&quo </p></div>
                        </div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0">
                            <div class="col-md-4 gm-padding-left-right-0"><a href="/Article/info/id/622.html" target="_blank"><img data-original="/Uploads/20161214/585100846f5e7.jpg" src="./images/no_pic.gif" class="img-responsive lazy" title="简单的jQuery幻灯片插件-ck_slide.js" alt="简单的jQuery幻灯片插件-ck_slide.js"></a></div>
                            <div class="col-md-8 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/622.html" target="_blank" class="site-text-underline">简单的jQuery幻灯片插件-ck_slide.js</a></h1>
                                <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/37.html">jQuery插件</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>253 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                    <a href="/Article/soso/keyword/jQuery插件.html">jQuery插件</a>&nbsp;<a href="/Article/soso/keyword/ck_slide.js.html">ck_slide.js</a>&nbsp; <i class="layui-icon">&#xe60e;</i>4个月前 </p>
                                <p class="gm-margin-top-10 site-text-indent">
                                    ck_slide 是一款国产的 jQuery 幻灯片插件，它非常小巧，压缩后仅 3KB，所以它的功能也不算丰富，但一般使用已经够了。它支持淡入淡出/左右滚动、箭头/圆点控制、自动播放。使用方法1、引入文件&lt;link rel=&quot;stylesheet&quot; href=&quot;css/slide.css&quot;&gt;
                                    &lt;script src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;
                                    &amp;                                        </p></div>
                        </div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0">
                            <script type="text/javascript">
                                /*885*152 创建于 2017/4/16 首页列表*/
                                var cpro_id = "u2955924";
                            </script>
                            <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                        </div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0">
                            <div class="col-md-4 gm-padding-left-right-0"><a href="/Article/info/id/621.html" target="_blank"><img data-original="/Uploads/20161214/5850f1cc4a414.jpg" src="./images/no_pic.gif" class="img-responsive lazy" title="jQuery缩放效果lightbox插件-Zoomify" alt="jQuery缩放效果lightbox插件-Zoomify"></a></div>
                            <div class="col-md-8 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/621.html" target="_blank" class="site-text-underline">jQuery缩放效果lightbox插件-Zoomify</a></h1>
                                <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/37.html">jQuery插件</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>240 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                    <a href="/Article/soso/keyword/jQuery插件.html">jQuery插件</a>&nbsp;<a href="/Article/soso/keyword/Zoomify.html">Zoomify</a>&nbsp; <i class="layui-icon">&#xe60e;</i>4个月前 </p>
                                <p class="gm-margin-top-10 site-text-indent">
                                    简介Zoomify 是一款基于的简单带缩放效果的 jQuery lightbox 插件，它使用简单，出来提供基本的属性外，还提供了自动事件和自定义方法，能够满足大多数需求。浏览器兼容IE10+ ✔Edge ✔Chrome ✔Firefox ✔Opera ✔Safari ✔使用方法1、引入文件&lt;link&nbsp;rel=&quot;stylesheet&quot;&nbsp;href=&quot;css/zoomify.min.css&quot;&gt;
                                    &lt;script&nbsp;                                        </p></div>
                        </div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0">
                            <div class="col-md-4 gm-padding-left-right-0"><a href="/Article/info/id/620.html" target="_blank"><img data-original="/Uploads/20161214/5850eb01e730d.png" src="./images/no_pic.gif" class="img-responsive lazy" title="jQuery顶部通知提示插件-overhang.js" alt="jQuery顶部通知提示插件-overhang.js"></a></div>
                            <div class="col-md-8 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/620.html" target="_blank" class="site-text-underline">jQuery顶部通知提示插件-overhang.js</a></h1>
                                <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/37.html">jQuery插件</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>250 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                    <a href="/Article/soso/keyword/overhang.js.html">overhang.js</a>&nbsp;<a href="/Article/soso/keyword/通知.html">通知</a>&nbsp;<a href="/Article/soso/keyword/提示.html">提示</a>&nbsp;<a href="/Article/soso/keyword/插件.html">插件</a>&nbsp;<a href="/Article/soso/keyword/jQuery插件.html">jQuery插件</a>&nbsp; <i class="layui-icon">&#xe60e;</i>4个月前 </p>
                                <p class="gm-margin-top-10 site-text-indent">
                                    简介overhang.js 是一款基于 jQuery 和 jQuery UI 的用于显示通知、确认、提示的插件，它以动画的方式从顶部滑出。overhang.js 提供了众多参数，你可以自定义通知的样式，回调函数也能够满足你的更多需求。使用方法1、引入文件&lt;link&nbsp;rel=&quot;stylesheet&quot;&nbsp;href=&quot;css/overhang.min.css&quot;&gt;
                                    &lt;script&nbsp;src=&quot;js/jquer </p></div>
                        </div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/619.html" target="_blank" class="site-text-underline">封装phpexcel读取excel与导出excel的方法</a></h1>
                            <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/22.html">PHP</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>430 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                <a href="/Article/soso/keyword/phpexcel.html">phpexcel</a>&nbsp;<a href="/Article/soso/keyword/excel.html">excel</a>&nbsp; <i class="layui-icon">&#xe60e;</i>4个月前 </p>
                            <p class="gm-margin-top-10 site-text-indent">
                                项目中经常会用到读取excel与导出excel的功能，每次需要使用的时候都是写了一大串的代码，刚好现在有点空闲就整理出读取和导出excel的两种方法。在之前的几篇文章我也介绍了，怎么单独的使用phpexcel类库实现读取excel和导出excel的使用方法。今天是将两个方法进行封装，为了更好的满足业务的需求。这里封装的方法，可以满足基本的业务需求。有更多的需求，也可以继续的自行扩展。准备：将phpexcel类库已下载，放置对应的位置。一、导出excel方法(export_excel)/*&nbs </p></div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0">
                            <div class="col-md-4 gm-padding-left-right-0"><a href="/Article/info/id/618.html" target="_blank"><img data-original="/Uploads/20161213/584fc73c1d4e6.jpg" src="./images/no_pic.gif" class="img-responsive lazy" title="jQuery幻灯片插件 jQuery.slidizle 支持多种切换方式" alt="jQuery幻灯片插件 jQuery.slidizle 支持多种切换方式"></a></div>
                            <div class="col-md-8 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/618.html" target="_blank" class="site-text-underline">jQuery幻灯片插件 jQuery.slidizle 支持多种切换方式</a></h1>
                                <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/37.html">jQuery插件</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>212 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                    <a href="/Article/soso/keyword/jQuery.html">jQuery</a>&nbsp;<a href="/Article/soso/keyword/幻灯片.html">幻灯片</a>&nbsp;<a href="/Article/soso/keyword/jQuery.slidizle.html">jQuery.slidizle</a>&nbsp;<a href="/Article/soso/keyword/jQuery插件.html">jQuery插件</a>&nbsp; <i class="layui-icon">&#xe60e;</i>4个月前 </p>
                                <p class="gm-margin-top-10 site-text-indent">
                                    简介jQuery.slidizle 是一款 jQuery 幻灯片插件，你可以在幻灯片内放任何内容，因为它提供了多种方法让你可以随意的控制幻灯片，而正因为它的高度自定义，所以上手也比其他幻灯片插件更难一些。浏览器兼容IE9+EdgeChromeFirefoxOperaSafari使用方法1、引入文件&lt;link rel=&quot;stylesheet&quot; href=&quot;css/font-awesome.min.css&quot;&gt;
                                    &lt;link </p></div>
                        </div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0">
                            <div class="col-md-4 gm-padding-left-right-0"><a href="/Article/info/id/617.html" target="_blank"><img data-original="/Uploads/20161213/584fa5a12837c.jpg" src="./images/no_pic.gif" class="img-responsive lazy" title="点击相册图片全屏预览 幻灯片切换 支持触屏 图片插件baguettebox.js" alt="点击相册图片全屏预览 幻灯片切换 支持触屏 图片插件baguettebox.js"></a></div>
                            <div class="col-md-8 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/617.html" target="_blank" class="site-text-underline">点击相册图片全屏预览 幻灯片切换 支持触屏 图片插件baguettebox.js</a></h1>
                                <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/37.html">jQuery插件</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>257 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                    <a href="/Article/soso/keyword/幻灯片.html">幻灯片</a>&nbsp;<a href="/Article/soso/keyword/触屏.html">触屏</a>&nbsp;<a href="/Article/soso/keyword/图片插件.html">图片插件</a>&nbsp;<a href="/Article/soso/keyword/baguettebox.js.html">baguettebox.js</a>&nbsp;<a href="/Article/soso/keyword/jQuery插件.html">jQuery插件</a>&nbsp; <i class="layui-icon">&#xe60e;</i>4个月前 </p>
                                <p class="gm-margin-top-10 site-text-indent">
                                    简介baguetteBox.js 是一个简单简单、易用的 JavaScript lightbox库，它具有以下特点：纯 JavaScript 实现，无需依赖其他库支持触摸屏设备手势操作支持显示标题（说明）支持响应式图像支持CSS3过渡使用 SVG 按钮，没有多余的文件下载启用 gzip 压缩后仅 2KB兼容浏览器兼容IE8+ ✔Chrome ✔Firefox ✔Opera ✔Safari ✔使用方法1、引入文件&lt;script src=&quot;js/jquery.min.js&amp;                                        </p></div>
                        </div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/616.html" target="_blank" class="site-text-underline">jQuery冒泡事件是什么及如何阻止冒泡事件的解决方法</a></h1>
                            <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/15.html">jQuery/js</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>369 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                <a href="/Article/soso/keyword/jQuery.html">jQuery</a>&nbsp;<a href="/Article/soso/keyword/冒泡事件.html">冒泡事件</a>&nbsp; <i class="layui-icon">&#xe60e;</i>4个月前 </p>
                            <p class="gm-margin-top-10 site-text-indent">
                                jquery冒泡事件是什么？冒泡事件的触发就是在特定的demo元素里，如果祖先，父级和节点上都绑定了点击事件的话，那么在点击子节点，会向上触发父节点，祖先节点的点击事件。html代码如下：&lt;body&gt;
                                &lt;div id=&quot;content&quot;&gt;
                                外层div元素
                                &lt;span&gt;内层span元素&lt;/span&gt;
                                &amp;nb </p></div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/615.html" target="_blank" class="site-text-underline">PHP读取文件的一行,并从文件中删除此行数据</a></h1>
                            <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/22.html">PHP</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>308 <i class="layui-icon">&#xe63a;</i>1 <i class="layui-icon">&#xe600;</i><i class="layui-icon">&#xe60e;</i>5个月前 </p>
                            <p class="gm-margin-top-10 site-text-indent">
                                有个样一个需求PHP读取文件的一行,并从文件中删除此行数据。&lt;?php
                                function&nbsp;unlinks($fn){
                                &nbsp;&nbsp;&nbsp;&nbsp;$f=&nbsp;fopen($fn,&nbsp;&quot;r&quot;);
                                &nbsp;&nbsp;&nbsp;&nbsp;$line&nbsp;=&nbsp;fgets($f);
                                &nbsp;&nbsp;&nbsp;&nbsp;ob_start();
                                &nbsp;&nbsp;&nbsp;&nbsp;                                    </p></div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/588.html" target="_blank" class="site-text-underline">简述php抽象类和接口实例</a></h1>
                            <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/22.html">PHP</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>239 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                <a href="/Article/soso/keyword/abstract.html">abstract</a>&nbsp;<a href="/Article/soso/keyword/interface.html">interface</a>&nbsp; <i class="layui-icon">&#xe60e;</i>5个月前 </p>
                            <p class="gm-margin-top-10 site-text-indent">
                                抽象类1、抽象类中可以声明各种类型的变量。2、类中只要有抽象方法这个类就必须申明为抽象类。 抽象方法的定义：abstract 修饰符 function 方法名($param);3、抽象类中的抽象方法，在子类中必须实现，并且保持参数一致，但是可以使用额外的默认值。4、抽象类不可以直接实例化。abstract class book {
                                protected $title;
                                abstra </p></div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/587.html" target="_blank" class="site-text-underline">29套google代码高亮皮肤样式大全</a></h1>
                            <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/26.html">其他知识</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>274 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                <a href="/Article/soso/keyword/google.html">google</a>&nbsp;<a href="/Article/soso/keyword/代码高亮.html">代码高亮</a>&nbsp; <i class="layui-icon">&#xe60e;</i>5个月前 </p>
                            <p class="gm-margin-top-10 site-text-indent">
                                找了很多代码高亮代码，最后发现google代码高亮我比较喜欢。于是，我这里整理了29套google代码高亮的样式皮肤，以供选择。js文件：prettify.js。css文件 ：min为压缩版。样式的演示地址：https://jmblog.github.io/color-themes-for-google-code-prettify/1、atelier-cave-dark.min.cs2、atelier-cave-light.min.css &nbsp;3、atelier-dune-dark.mi </p></div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/586.html" target="_blank" class="site-text-underline">thinkphp提示Undefined class constant 'MYSQL_ATTR_INIT_COMMAND'报错的解决方法</a></h1>
                            <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/8.html">Thinkphp</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>319 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                <a href="/Article/soso/keyword/thinkphp.html">thinkphp</a>&nbsp; <i class="layui-icon">&#xe60e;</i>5个月前 </p>
                            <p class="gm-margin-top-10 site-text-indent">
                                在操作服务器的时候不知道怎么回事突然提示Undefined class constant 'MYSQL_ATTR_INIT_COMMAND'，查找资料发现是php缺少pdo_mysql的扩展。:(
                                Undefined class constant 'MYSQL_ATTR_INIT_COMMAND'
                                错误位置
                                FILE: /usr/local/apache/htdocs/wechat/ThinkPHP/Library/T </p></div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/585.html" target="_blank" class="site-text-underline">阿里云服务器 centos yum安装LAMP环境 告别一键安装包</a></h1>
                            <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/24.html">Linux</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>471 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                <a href="/Article/soso/keyword/centos.html">centos</a>&nbsp;<a href="/Article/soso/keyword/yum.html">yum</a>&nbsp;<a href="/Article/soso/keyword/LAMP.html">LAMP</a>&nbsp; <i class="layui-icon">&#xe60e;</i>5个月前 </p>
                            <p class="gm-margin-top-10 site-text-indent">
                                之前的阿里云服务器环境都是用一键安装包的形式安装的。虽然安装的过程简单，但是安装之后就会出现磁盘占用太大。我做了一个简单的比较我用一键安装包的形式安装之后使用的空间是7G多，但是通过命令自行安装的话，使用的磁盘空间是2G多点。好了，下面我们具体的看看，怎么用yum安装LNMP的环境。第一步：环境说明。linux CentOS6.5
                                nginx 1.10
                                mysql 5.7
                                php 5.6第二步：安装nginx。1、 </p></div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/584.html" target="_blank" class="site-text-underline">thinkphp 行为扩展 钩子与插件的实现</a></h1>
                            <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/8.html">Thinkphp</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>329 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><i class="layui-icon">&#xe60e;</i>5个月前 </p>
                            <p class="gm-margin-top-10 site-text-indent">
                                在熟悉onthink程序的时候，看到后台有钩子和插件的管理界面。很感兴趣，之前就对行为不怎么理解和使用，借着这次机会好好的研究下。行为（Behavior）是一个比较抽象的概念，类似于AOP编程中的“切面”的概念，给某一个切面绑定相关行为就成了一种类AOP编程的思想。在开始之前我们看看它是怎么个流程？1、注册行为。2、具体行为的操作。3、行为里面如何注册插件。4、视图的调用。按照官网的实例，自己亲生的实践一下，下面是我的实践代码。配置文件：Application/common/conf/confi </p></div>
                    </blockquote>
                    <blockquote class="layui-elem-quote gm-overflow site-border-left-0" style="background: #fff;">
                        <div class="col-md-12 gm-padding-left-right-0"><h1 class="site-text-h1"><a href="/Article/info/id/583.html" target="_blank" class="site-text-underline">minify合并压缩js和css文件</a></h1>
                            <p class="gm-margin-top-10"><i class="layui-icon">&#xe62d;</i><a href="/Article/cate/id/22.html">PHP</a><i class="layui-icon">&#xe612;</i><a href="/index.html">高蒙</a><i class="layui-icon">&#xe60c;</i>259 <i class="layui-icon">&#xe63a;</i>0 <i class="layui-icon">&#xe600;</i><span class="glyphicon glyphicon glyphicon-tags"></span>&nbsp;
                                <a href="/Article/soso/keyword/minify，压缩js.html">minify，压缩js</a>&nbsp;<a href="/Article/soso/keyword/压缩css.html">压缩css</a>&nbsp; <i class="layui-icon">&#xe60e;</i>5个月前 </p>
                            <p class="gm-margin-top-10 site-text-indent">
                                合并js和css文件是许多高浏览量的大型网站的需求，为了方便加快网站的显示速度,减少页面的缓冲,将多个js/css文件合并成一个,这样当用户打开网站的时候,一个js/css链接就只需要像服务器发送一次请求,如果是多个,则需要执行多次请求.所以这样减少了向服务器发送请求的次数,用户查看到完整页面的速度也快了很多,因为很多用户并不愿意在等待网站页面缓冲上花费太多时间。这里介绍，minfy插件可以轻松的解决css和js文件的压缩问题。源码是php的直接下载，放到网站的相应位置即可。Minify把CSS </p></div>
                    </blockquote><!--文章列表结束-->
                    <div class="site-text-align-center" id="page"></div><!--分页结束--></div>
                <div class="col-md-3 gm-padding-left-right-0 ">
                    <blockquote class="layui-elem-quote gm-margin-left-10 site-text-align-center site-border-left-0" style="background: #fff;">
                        <fieldset class="layui-elem-field">
                            <legend>个人简介</legend>
                            <div class="layui-field-box"><p><img src="./images/login.jpg" class="layui-circle"></p>
                                <h3>高蒙</h3>
                                <h3>男，92年，php程序员！</h3>
                                <h3><i class="layui-icon site-a-margin-right-5">&#xe609;</i>江苏-南京</h3>
                                <hr/>
                                936594075#qq.com(#替换为@)
                                <hr/>
                                <h3 class="site-text-align-left">
                                    人生要是没有理想， 那跟一条咸鱼有什么分别。— 星爷
                                </h3></div>
                        </fieldset>
                    </blockquote><!--个人简介结束-->
                    <blockquote class="layui-elem-quote gm-margin-left-10 site-border-left-0" style="background: #fff;">
                        <fieldset class="layui-elem-field layui-field-title">
                            <legend>网站分类</legend>
                        </fieldset>
                        <ul class="layui-nav layui-nav-tree gm-fluid" style="color: #333;background: none;" lay-filter="">
                            <li class="layui-nav-item layui-nav-itemed"><a href="javascript:;">PHP笔记</a>
                                <dl class="layui-nav-child gm-bg-fff">
                                    <dd><a href="/Article/cate/id/2.html" target="_blank">PHP框架</a></dd>
                                    <dd><a href="/Article/cate/id/5.html" target="_blank">|--CodeIgniter</a></dd>
                                    <dd><a href="/Article/cate/id/6.html" target="_blank">|--zend framework</a></dd>
                                    <dd><a href="/Article/cate/id/7.html" target="_blank">|--Yii2</a></dd>
                                    <dd><a href="/Article/cate/id/8.html" target="_blank">|--Thinkphp</a></dd>
                                    <dd><a href="/Article/cate/id/3.html" target="_blank">CMS系统</a></dd>
                                    <dd><a href="/Article/cate/id/9.html" target="_blank">|--DedeCMS</a></dd>
                                    <dd><a href="/Article/cate/id/10.html" target="_blank">|--EmpireCMS</a></dd>
                                    <dd><a href="/Article/cate/id/11.html" target="_blank">|--EcshopCMS</a></dd>
                                    <dd><a href="/Article/cate/id/12.html" target="_blank">|--DestoonCMS</a></dd>
                                    <dd><a href="/Article/cate/id/13.html" target="_blank">|--DiscuzCMS</a></dd>
                                    <dd><a href="/Article/cate/id/4.html" target="_blank">PHP技术</a></dd>
                                    <dd><a href="/Article/cate/id/17.html" target="_blank">|--Redis</a></dd>
                                    <dd><a href="/Article/cate/id/18.html" target="_blank">|--Memcached</a></dd>
                                    <dd><a href="/Article/cate/id/22.html" target="_blank">|--PHP</a></dd>
                                    <dd><a href="/Article/cate/id/19.html" target="_blank">PHP工具</a></dd>
                                    <dd><a href="/Article/cate/id/20.html" target="_blank">|--Phpstorm</a></dd>
                                    <dd><a href="/Article/cate/id/21.html" target="_blank">数据采集</a></dd>
                                    <dd><a href="/Article/cate/id/30.html" target="_blank">|--火车头采集器</a></dd>
                                    <dd><a href="/Article/cate/id/26.html" target="_blank">其他知识</a></dd>
                                </dl>
                            </li>
                            <li class="layui-nav-item "><a href="javascript:;">前端技术</a>
                                <dl class="layui-nav-child gm-bg-fff">
                                    <dd><a href="/Article/cate/id/15.html" target="_blank">jQuery/js</a></dd>
                                    <dd><a href="/Article/cate/id/16.html" target="_blank">Html/Css</a></dd>
                                    <dd><a href="/Article/cate/id/29.html" target="_blank">Bootstrap</a></dd>
                                </dl>
                            </li>
                            <li class="layui-nav-item "><a href="javascript:;">服务器</a>
                                <dl class="layui-nav-child gm-bg-fff">
                                    <dd><a href="/Article/cate/id/24.html" target="_blank">Linux</a></dd>
                                    <dd><a href="/Article/cate/id/25.html" target="_blank">Nginx</a></dd>
                                </dl>
                            </li>
                            <li class="layui-nav-item "><a href="javascript:;">数据库</a>
                                <dl class="layui-nav-child gm-bg-fff">
                                    <dd><a href="/Article/cate/id/28.html" target="_blank">Mysql</a></dd>
                                    <dd><a href="/Article/cate/id/35.html" target="_blank">SQL SERVER</a></dd>
                                </dl>
                            </li>
                            <li class="layui-nav-item "><a href="javascript:;">闲言碎语</a>
                                <dl class="layui-nav-child gm-bg-fff"></dl>
                            </li>
                        </ul>
                    </blockquote><!--网站分类-->
                    <blockquote class="layui-elem-quote gm-margin-left-10 site-border-left-0" style="background: #fff;">
                        <fieldset class="layui-elem-field">
                            <legend>热点文章</legend>
                            <div class="layui-field-box">
                                <ul>
                                    <li><a href="/Article/info/id/79.html" class="">phpstorm10.0.3破解版安装教程及汉化方法</a></li>
                                    <li><a href="/Article/info/id/71.html" class="">bootstrap响应式图片自适应图片大小</a></li>
                                    <li><a href="/Article/info/id/83.html" class="">如何让phpstorm同一窗口能打开多个项目目录</a></li>
                                    <li><a href="/Article/info/id/175.html" class="">实现echarts 饼图 点击链接跳转</a></li>
                                    <li><a href="/Article/info/id/229.html" class="">如何监听html5 audio音频是否播放完毕</a></li>
                                    <li><a href="/Article/info/id/227.html" class="">Android webView加载Html5页面，JS不能调用问题和click事件无效的解决方法</a></li>
                                    <li><a href="/Article/info/id/230.html" class="">ios加载html5 audio标签用js调用.play()方法无效</a></li>
                                    <li><a href="/Article/info/id/76.html" class="">yii2框架安装运行init.bat报错php.exe不是内部或外部命令</a></li>
                                    <li><a href="/Article/info/id/33.html" class="">火车头采集器帝国cms发布模块</a></li>
                                    <li><a href="/Article/info/id/73.html" class="">yii2框架安装教程(框架版本2.0)</a></li>
                                </ul>
                            </div>
                        </fieldset>
                    </blockquote><!--热点文章结束-->
                    <blockquote class="layui-elem-quote gm-margin-left-10 site-border-left-0" style="background: #fff;">
                        <fieldset class="layui-elem-field">
                            <legend>最新文章</legend>
                            <div class="layui-field-box">
                                <ul>
                                    <li><a href="/Article/info/id/649.html" class="">以图搜图 我知图 相似图像搜索与推荐API服务 PHP接口类文档</a></li>
                                    <li><a href="/Article/info/id/648.html" class="">如何用js判断图片地址是否正确</a></li>
                                    <li><a href="/Article/info/id/647.html" class="">360 火狐 谷歌浏览器设置代理服务器</a></li>
                                    <li><a href="/Article/info/id/646.html" class="">整理常用thinkphp的模型操作方法</a></li>
                                    <li><a href="/Article/info/id/645.html" class="">php &amp;not禁止转义字符</a></li>
                                    <li><a href="/Article/info/id/644.html" class="">如何使用thinkphp路由正则表达式优化地址链接</a></li>
                                    <li><a href="/Article/info/id/643.html" class="">php使用dblib扩展,连接sqlserver中文乱码问题</a></li>
                                    <li><a href="/Article/info/id/642.html" class="">js实现鼠标移动放大图片功能</a></li>
                                    <li><a href="/Article/info/id/641.html" class="">解决jQuery ajax动态新增节点绑定多个事件无效的问题</a></li>
                                    <li><a href="/Article/info/id/640.html" class="">整理使用ajax开发搜索功能中遇到的问题以及解决的方法</a></li>
                                </ul>
                            </div>
                        </fieldset>
                    </blockquote><!--最新文章结束-->
                    <blockquote class="layui-elem-quote gm-margin-left-10 site-border-left-0" style="background: #fff;">
                        <fieldset class="layui-elem-field">
                            <legend>友情链接</legend>
                            <div class="layui-field-box"><span class="layui-breadcrumb" lay-separator="|"><a href="http://www.xstnet.com" target="_blank" title="春风博客">春风博客</a><a href="http://www.vuln.cn" target="_blank" title="合肥seo">合肥seo</a><a href="http://blog.yzmcms.com/" target="_blank" title="袁志蒙博客">袁志蒙博客</a><a href="http://www.cc1021.com" target="_blank" title="程成博客">程成博客</a></span></div>
                        </fieldset>
                    </blockquote><!--友情链接结束-->
                    <blockquote class="layui-elem-quote gm-margin-left-10 site-border-left-0" style="background: #fff;">
                        <fieldset class="layui-elem-field">
                            <legend>广告专区</legend>
                            <div class="layui-field-box">
                                <script type="text/javascript">
                                    /*方形广告 240*240 创建于 2016/10/6*/
                                    var cpro_id = "u2780622";
                                </script>
                                <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>
                                <script type="text/javascript">
                                    /*自适应 创建于 2017/4/16 图加*/
                                    var cpro_id = "u2955918";
                                </script>
                                <script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/i.js"></script>
                            </div>
                        </fieldset>
                    </blockquote><!--百度广告结束--></div>
            </div><!--主体内容完毕-->
            <div class="col-md-12 gm-padding-left-right-0"><p class="layui-elem-quote" style="background: #fff;">Copyrights © 2016-2017 <a href="http://www.shuchengxian.com" title="高蒙个人博客" 　target="_blank">高蒙个人博客</a>
                www.shuchengxian.com, All rights reserved. 皖ICP备15015490号
                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=34152302000022">皖公网安备 34152302000022号</a><a href="http://www.shuchengxian.com/sitemap.xml" target="_blank">网站地图</a><br/>
                关键词：个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客
            </p></div>
        </div>
    </div>
</div>
<script src="./addons/layui/layui.js" charset="utf-8"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/jquery.lazyload.min.js"></script>
<script>
    layui.use(['form', 'laypage', 'element'], function () {
        var form = layui.form()
                , layer = layui.layer
                , laypage = layui.laypage
                , element = layui.element();
        //监听提交
        form.on('submit(so)', function (data) {
            $('.index_form').submit();
            return false;
        });
        //监听折叠
        element.on('collapse(gonggao)', function (data) {
            //layer.msg('展开状态：'+ data.show);
        });
        // 分页
        laypage({
            cont: 'page',
            pages: 22,
            skip: true,
            curr: 3,
            jump: function (obj, first) {
                console.log(obj);
                console.log(first);
                if (!first) { //点击跳页触发函数自身，并传递当前页：obj.curr
                    location.href = 'http://www.shuchengxian.com/?page=' + obj.curr;
                }
                //location.href='http://www.shuchengxian.com/?page='+obj.curr;
            }
        });
    });

    $(function () {
        $("img.lazy").lazyload({effect: "fadeIn"});
    });

    // 百度统计代码
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?50440d5cb4232f7fe2e5468ffde69ad6";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>